<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HenriettaSu - Homepage of a Front-End Developer</title>
  <!-- Custom styling plus plugins -->
  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="../vendor/bootstrap/fonts/css/font-awesome.css" rel="stylesheet">
  <link href="../vendor/gentelella/custom.css" rel="stylesheet">
  <link href="../dist/css/iframeTab.min.css" rel="stylesheet">
</head>

<body class="nav-md">
  <div class="container body">
    <div class="main_container">
      <div class="col-md-3 left_col">
        <div class="left_col scroll-view">
          <!-- menu prile quick info -->
          <div class="profile clearfix mt-15">
            <div class="profile_pic">
              <img src="../dist/images/img.jpg?v=v69df90e9" alt="HenriettaSu" class="img-circle profile_img">
            </div>
            <div class="profile_info">
              <span>Author</span>
              <h2>HenriettaSu</h2>
            </div>
          </div>
          <!-- /menu prile quick info -->
          <br />
          <!-- sidebar menu -->
          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
			  <h3>我的桌面</h3>
              <ul class="nav side-menu">
                <li>
				  <a><i class="fa fa-plus-square"></i> iframeTab <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="iframeTab-tutorial.html" data-num="0" data-name="iframeTab 文檔">文檔</a></li>
                    <li><a href="iframeTab-log.html" data-name="iframeTab 更新日誌" data-num="0">更新日誌</a></li>
                    <li><a href="https://github.com/HenriettaSu/iframeTab" target="_blank">Github</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
          <!-- /sidebar menu -->
          <!-- menu footer buttons -->
          <div class="sidebar-footer hidden-small">
            <a data-toggle="tooltip" data-placement="top" title="Settings">
              <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
              <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Lock">
              <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="Logout">
              <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
          </div>
          <!-- /menu footer buttons -->
        </div>
      </div>
      <!-- top navigation -->
      <div class="top_nav">
        <div class="nav_menu">
          <nav class="" role="navigation">
            <div class="nav toggle">
              <a id="menu_toggle"><i class="fa fa-bars"></i></a>
            </div>
            <ul class="nav navbar-nav navbar-right">
              <li class="">
                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                  <img src="../build/images/img.jpg?v=v69df90e9" alt=""> HenriettaSu
                  <span class=" fa fa-angle-down"></span>
                </a>
                <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
                  <li><a href="javascript:;">  个人信息</a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <span class="badge bg-red pull-right">50%</span>
                      <span>设置</span>
                    </a>
                  </li>
                  <li><a href="javascript:;">帮助</a></li>
                  <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> 登出</a>
                  </li>
                </ul>
              </li>
              <li role="presentation" class="dropdown">
                <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                  <i class="fa fa-envelope-o"></i>
                  <span class="badge bg-green">1</span>
                </a>
                <ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
                  <li>
                    <a>
                      <span class="image">
					    <img src="../build/images/img.jpg?v=v69df90e9" alt="Profile Image" />
                      </span>
                      <span>
					    <span>HenriettaSu</span>
                        <span class="time">3 mins ago</span>
                      </span>
                      <span class="message">  感謝你查看我的主頁，如果這個網站的插件對你有任何幫助，請到github上Fork一個，你的支持和肯定是我最大的動力。</span>
                    </a>
                  </li>
                  <li>
                    <div class="text-center">
                      <a>
                        <strong>See All Alerts</strong>
                        <i class="fa fa-angle-right"></i>
                      </a>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <!-- /top navigation -->
      <!-- page content -->
	  
	  <div class="tabs-container">
	    <div class="tabs-header">
		  <ul>
		    <li class="active" data-tab="my-desktop" data-num="0">首頁</li>
		  </ul>
		</div>
		<div class="tabs-body" id="tabBody">
		  <div class="tab-panel active"><div class="right_col" role="main"><iframe src="my-desktop.html" data-iframe="my-desktop" data-num="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" onLoad="iframeTab.iframeHeight()"></iframe></div></div>
	    </div>
	  </div>
	  
      <!-- /page content -->
	  <footer class="tab-footer clearfix">
        Profiles and demoPages by Stanlie29
      </footer>
    </div>
  </div>
  <div id="custom_notifications" class="custom-notifications dsp_none">
    <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
    </ul>
    <div class="clearfix"></div>
    <div id="notif-group" class="tabbed_notifications"></div>
  </div>

  <script src="../vendor/jquery/jquery.min.js"></script>
  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
  <script src="../vendor/gentelella/custom.js"></script>
  <script src="../build/js/iframeTab.js"></script>
  <script>
    iframeTab.init();
  </script>
</body>
</html>